<%--
  Created by IntelliJ IDEA.
  User: Huajing
  Date: 2022/4/18
  Time: 19:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>题库-精选练习</title>
    <link href="css/practice.css" rel="stylesheet">
    <link href="../plugins/css/bootstrap.css" rel="stylesheet">
</head>
<body>
<div class="question_bank">
    <div class="title">
        <div class="title1">
            <div class="title2">
                <div class="title3">
                    <div class="logo">
                        <img src="imgs/腾讯精选练习 50 题.png" alt="">
                    </div>
                    <div class="logo1">
                        <div class="logo2">
                            🐧 腾讯精选练习50题
                        </div>
                        <div class="LeetCode">
                            力扣(LeetCode)
                        </div>
                        <div class="logo3">
                            <div class="Tencent">
                                <a>腾讯 Tencent</a>
                            </div>
                            <div class="apply">
                                <a>求职</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="title4">
                    <div class="collect">
                        <div class="collect_picture">
                            <img src="imgs/收藏.png" alt="">
                        </div>
                        <a>收藏</a>
                    </div>
                    <div class="action">
                        <div class="action_picture">
                            <img src="imgs/随机.png" alt="">
                        </div>
                        <a>随机开始</a>
                    </div>
                    <div class="share">
                        <div class="share_picture">
                            <img src="imgs/分享.png" alt="">
                        </div>
                        <a>分享</a>
                    </div>
                </div>
            </div>
            <div class="title5">
                <p>面试之前，准备得越充分，收获 Offer 的几率就越大。如果你的目标是加入腾讯或类似的企业，这 50 道题目可以让你初步掌握腾讯的面试风格与考点，提前进行模拟演练。</p>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="suib">
            <!-- 下拉表单栏和搜索框 -->
            <div class="form-field">
                <div class="left-form">

                    <div class="form-button">
                        <div id="form-button-item1">
                            <span>题单</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <!-- 悬浮框 -->
                        <div tabindex="-1" id="Suspension_1">
                            <div id="single">
                                剑指Offer (专项突击版)
                            </div>
                            <div id="single">
                                剑指Offer (第二版)
                            </div>
                            <div id="single">
                                程序员面试金典
                            </div>
                            <div id="single">
                                精选题库TOP50
                            </div>
                            <div id="single">
                                igo精选TOP100
                            </div>
                        </div>
                    </div>



                    <div class="form-button2">
                        <div id="form-button-item2">
                            <span>难度</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_2">
                            <div id="single" style="color:seagreen;">
                                简单
                            </div>
                            <div id="single" style="color:sandybrown">
                                中等
                            </div>
                            <div id="single" style="color: red;">
                                困难
                            </div>
                        </div>
                    </div>



                    <div class="form-button3">
                        <div id="form-button-item3">
                            <span>状态</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_3">
                            <div id="single">
                                <img src="img/state/减号.png">
                                未开始
                            </div>
                            <div id="single">
                                <img src="img/state/对的.png">
                                已解答
                            </div>
                            <div id="single">
                                <img src="img/state/尝试过.png">
                                尝试过
                            </div>
                        </div>
                    </div>


                    <div class="form-button4">
                        <div id="form-button-item4">
                            <span>标签</span>
                            <img src="img/form-field_img/下箭头.png">
                        </div>
                        <div id="Suspension_4">
                            <!-- 标签下拉栏搜索框 -->
                            <div id="search-input-2" class="search-input-2">
                                <img src="img/search-input/搜索.png">
                                <input id="search1" type="text" placeholder="筛选标签">
                            </div>
                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>基本</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>数组</span>
                                <span>字符串</span>
                                <span>排序</span>
                                <span>矩阵</span>
                                <span>模拟</span>
                                <span>枚举</span>
                                <span>字符串匹配</span>
                                <span>桶排序</span>
                                <span>计数排序</span>
                                <span>基数排序</span>
                            </div>

                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>算法</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>动态规划</span>
                                <span>深度优先搜索</span>
                                <span>贪心</span>
                                <span>广度优先搜索</span>
                                <span>二分查找</span>
                                <span>回溯</span>
                                <span>递归</span>
                                <span>分治</span>
                                <span>记忆化搜索</span>
                                <span>归并排序</span>
                                <span>快速选择</span>
                            </div>


                            <!-- 标签类别 -->
                            <div id="form-title">
                                <span>基础数据结构</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>哈希表</span>
                                <span>树</span>
                                <span>二叉树</span>
                                <span>栈</span>
                                <span>堆(优先队列)</span>
                                <span>图</span>
                                <span>链表</span>
                                <span>二叉搜索树</span>
                                <span>单调栈</span>
                                <span>有序集合</span>
                                <span>队列</span>
                                <span>拓朴排序</span>
                                <span>最短路</span>
                                <span>单调队列</span>
                            </div>

                            <div id="form-title">
                                <span>其他</span>
                                <img src="img/form-field_img/下箭头.png">
                            </div>
                            <div id="form-text">
                                <span>sql</span>
                            </div>
                        </div>
                    </div>



                    <!-- 搜索框 -->
                    <div id="search-input" class="search-input">
                        <img src="img/search-input/搜索.png">
                        <input id="search" type="text" placeholder="搜索题目、编号或内容">
                    </div>

                    <div class="config">
                        <img src="img/config_img/设置.png">
                    </div>
                </div>

            </div>
            <!-- 排序栏 -->
            <div class="Sorting_column">
                <div class="Sorting_column_item1">
                    <span>状态</span>
                </div>
                <div class="Sorting_column_item2">
                    <span>题目</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item3">
                    <span>题解</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item4">
                    <span>通过率</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item5">
                    <span>难度</span>
                    <img src="img/Sorting_column/排序.png">
                </div>
                <div class="Sorting_column_item6">
                    <span>出现频率</span>
                </div>
            </div>

            <div class="quetion">
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item1">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
                <div class="quetion_item2">
                    <div class="quetion_label1">
                        <img src="img/state/减号.png">
                    </div>
                    <div class="quetion_label2">
                        <span>1.两数之和</span>
                    </div>
                    <div class="quetion_label3">
                        <span>17028</span>
                    </div>
                    <div class="quetion_label4">
                        <span>52.4%</span>
                    </div>
                    <div class="quetion_label5">
                        <span>简单</span>
                    </div>
                    <div class="quetion_label6">
                        <span></span>
                    </div>
                </div>
            </div>

        </div>
        <div class="right">
            <div class="right1">
                <div class="right1_first">
                    <div class="first_picture">
                        <img src="imgs/2021春招备战冲刺.webp" alt="">
                    </div>
                    <div class="first_text">
                        <div class="text1">
                            <a>2021春招备战冲刺</a>
                        </div>
                        <div class="Tencent">
                            <a>腾讯 Tencent</a>
                        </div>
                        <div class="reader">
                            <a>20831人已读</a>
                        </div>
                    </div>
                </div>
                <div class="right1_second">
                    <div class="second_picture">
                        <img src="imgs/Tencent.webp" alt="">
                    </div>
                    <div class="second_text">
                        <div class="text2">
                            <a>腾讯</a>
                        </div>
                        <div class="Tencent">
                            <a>腾讯 Tencent</a>
                        </div>
                        <div class="reader">
                            <a>101531人已读</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="right2">
                <div class="question_list">
                    <a>精选题单</a>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/LeetCode 热题 HOT 100.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>LeetCode 热题 HOT 100</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/LeetCode 精选数据库 70 题.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>LeetCode 精选数据库 70 题</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/LeetCode 精选算法 200 题.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>LeetCode 精选算法 200 题</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/力扣杯竞赛合集.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>力扣杯 - 竞赛合集</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/LeetCode 精选 TOP 面试题.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>LeetCode 精选 TOP 面试题</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/程序员面试金典.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>程序员面试金典(第6版)</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/剑指2.png" alt="">
                    </div>
                    <div class="one_title">
                        <a>剑指offer(第2版)</a>
                    </div>
                </div>
                <div class="one">
                    <div class="one_picture">
                        <img src="imgs/剑指offer.jpg" alt="">
                    </div>
                    <div class="one_title">
                        <a>剑指offer(专项突破)</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
